<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>同咨科技-商户后台</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../../static/css/weadmin.css">
    <link href="../../lib/layui/css/layui.css" rel="stylesheet">

    <script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
    <script type="module" src="../components/use-body.js"></script>



    <link href="../../static/css/information.css" rel="stylesheet">
    <link href="../../static/css/uselay.css" rel="stylesheet">
</head>

<body>
    <use-body>
        <div class="page-body">
            <span class="layui-breadcrumb breadcrumb" lay-separator="/">
                <a><i title="首页" class="iconfont use-more"></i></a>
                <a>设计大厅</a>
                <a><cite>文件名称.doc</cite></a>
            </span>

            <div class="information page-border">
                <div class="sub-nav">
                    <div class="title">
                        <i class="iconfont use-arrow"></i>
                        文件名称.doc
                    </div>
                    
                    <div class="btn">
                        <button type="button"  lay-on="collect" class="layui-btn layui-btn-primary layui-btn-radius">
                            <i class="iconfont use-collect"></i>
                            收藏
                        </button>
                        <button type="button" class="layui-btn layui-btn-radius">
                            <i class="iconfont use-down"></i>
                            下载
                        </button>
                    </div>
                </div>

                <div class="word-box">
                    <!-- 文档展示区 -->
                    <div class="word-show">
                        <!-- <img src="../../static/images/word.png" alt=""> -->
                        <!-- 不支持预览状态 -->
                        <div class="Unsupported">
                            <div class="title">格式不支持预览</div>
                            <div class="file">
                                <i class="iconfont use-file"></i>
                                <p>文件名称.docx</p>
                            </div>
                            <button type="button" class="layui-btn layui-btn-radius">
                                <i class="iconfont use-down"></i>
                                下载
                            </button>
                        </div>
                    </div>
                    <!-- 右侧信息 -->
                    <div class="side-info">
                        <div class="layui-tab layui-tab-brief">
                            <ul class="layui-tab-title">
                              <li class="layui-this">文档笔记</li>
                              <li>文档记录</li>
                              <li>文档详情</li>
                            </ul>
                            <div class="layui-tab-content">
                              <div class="layui-tab-item layui-show">
                                <div class="note-list">
                                    <ul>
                                        <li>
                                            <div class="user">
                                                <img src="../../static/images/task/Oval.png" alt="">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <img src="../../static/images/task/Oval.png" alt="">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <img src="../../static/images/task/Oval.png" alt="">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <img src="../../static/images/task/Oval.png" alt="">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <img src="../../static/images/task/Oval.png" alt="">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <img src="../../static/images/task/Oval.png" alt="">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <img src="../../static/images/task/Oval.png" alt="">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <img src="../../static/images/task/Oval.png" alt="">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <img src="../../static/images/task/Oval.png" alt="">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <img src="../../static/images/task/Oval.png" alt="">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <img src="../../static/images/task/Oval.png" alt="">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="publish">
                                    <input class="layui-input" placeholder="请输入笔记内容" type="text">
                                    <button class="layui-btn layui-btn-radius">发布</button>
                                  </div>
                              </div>
                              <div class="layui-tab-item">
                                <div class="note-list record">
                                    <ul>
                                        <li>
                                            <div class="user">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user">
                                                <div class="title">
                                                    <div>
                                                        <span>老王</span>
                                                        <div class="time">
                                                            2019-08-23 22:31
                                                        </div>
                                                    </div>
                                                    <p>王大拿 新建了任务</p>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                              </div>
                              <div class="layui-tab-item">
                                <div class="word-details">
                                    <div>
                                        <div class="title">基本信息</div>
                                        <div>
                                            <span>文件类型：</span><span>合同文件</span>
                                        </div>
                                        <div>
                                            <span>文件格式：</span><span>合同文件</span>
                                        </div>
                                        <div>
                                            <span>文件大小：</span><span>合同文件</span>
                                        </div>
                                        <div>
                                            <span>上传时间：</span><span>合同文件</span>
                                        </div>
                                        <div>
                                            <span>上传人员：</span><span>合同文件</span>
                                        </div>
                                        <div>
                                            <span>查看权限：</span><span>合同文件</span>
                                        </div>
                                        <div>
                                            <span>文件简述：</span><span>合同文件</span>
                                        </div>
                                        <div>
                                            <span>关 键 词：</span><span>我是文件的关键词</span>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="title">数据信息</div>
                                        <div>
                                            <span>预览次数：</span><span>45次</span>
                                        </div>
                                        <div>
                                            <span>下载次数：</span><span>45次</span>
                                        </div>
                                        <div>
                                            <span>笔记数量：</span><span>45次</span>
                                        </div>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        
                          
                    </div>
                </div>
            </div>
        </div>

        <div id="collect" class="dialog dialog-collect" style="display: none;">
            <div class="dialog-main layui-form">
                <div class="title">个人资料</div>
                <div class="item"><input type="checkbox" name="BBB" lay-text="我的资料" ></div>
                <div class="line"></div>
                <div class="title">企业资料</div>
                <div class="item"><input type="checkbox" name="BBB" lay-text="企业资料" ></div>
                <div class="line"></div>
                <div class="title">项目小组</div>
                <div class="item"><input type="checkbox" name="BBB" lay-text="项目小组" ></div>
                <div class="item"><input type="checkbox" name="BBB" lay-text="项目小组" ></div>
                <div class="item"><input type="checkbox" name="BBB" lay-text="项目小组" ></div>
            </div>
            <div class="dialog-footer">
                <!-- 主体 -->
                <div class="cent">
                  <button type="button" class="layui-btn btn-text">取消</button>
                  <button type="button" class="layui-btn layui-btn-radius">确定</button>
                </div>
              </div>
        </div>
    </use-body>
</body>
<script>
    layui.use(function () {
        var $ = layui.$;
        var layer = layui.layer;
        var util = layui.util;
        // 批量事件
        util.on('lay-on', {
            'collect': function () {
                layer.open({
                type: 1,
                shade: false, // 不显示遮罩
                content: $('#collect'), // 捕获的元素
                title: '收藏到',
                closeBtn: 1,
                });
            }
        })
    });
</script>

</html>